<!DOCTYPE >
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8" />
    <title>订单管理</title>
    <link rel="icon" type="image/x-icon" href="/static/images/logoIcon.icon">
    <link rel="stylesheet" href="/static/css/order.css">
</head>

<body>
<!-- 头部导航条 -->
<div id="nav">
    <div class="heard">
        <div class="logo">
            <p>ITArmy后台管理</p>
        </div>
        <a href="/user/sign" class="signout">退出</a>
        <a href="/user/index" class="signout">主页</a>
    </div>

</div>
<!-- 侧边栏 -->
<div id="aside">
    <div class="menu">
        <ul>
            <li>
                <a href="/admin/Blog/list">博客管理&nbsp;<img src="/static/images/blog.svg" /></a>
            </li>
            <li>
                <a href="/admin/Type/list">博客类型&nbsp;<img src="/static/images/kind.svg"/></a>
            </li>
            <li>
                <a href="/admin/Serialize/list">连载管理&nbsp;<img src="/static/images/stroy.svg" /></a>
            </li>
            <li class="active">
                <a href="/admin/Order/list">订单管理&nbsp;<img src="/static/images/order.svg" /></a>
            </li>
            <li>
                <a href="/admin/User/list">用户管理&nbsp;<img src="/static/images/user.svg" alt="" /></a>
            </li>
            <li>
                <a href="/admin/Question/list">问题管理&nbsp;<img src="/static/images/question.svg" /></a>
            </li>
            <li>
                <a href="/admin/Exchange/list">汇率管理&nbsp;<img src="/static/images/rate.svg" alt="" /></a>
            </li>
            <li >
                <a href="/admin/ContributeAudit/list">投稿审核&nbsp;<img src="/static/images/word.svg"></a>
            </li>
        </ul>
    </div>
</div>
<div class="fill">
    <table class="table table-bordered">
        <thead class="heard">
        <tr>
            <th>订单批次列表</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td class="we">
                <div id="remove" style="margin:12px 10px;">
                    <a class="delatemore" href="javascript:;">
                        <img src="/static/images/rubsh.svg">
                        <span>批量删除</span>
                    </a>
                </div>
                <form class="navbar-form navbar-left" role="search">
                    <input type="text" id="search" placeholder="根据订单ID搜索">
                    <input type="button" id="find" value="查询">
                    <input type="text" id="look" placeholder="根据用户搜索">
                    <input type="button" id="lookfor" value="查询">
                    <input type="button" id="back" value="返回">
                </form>
            </td>
        </tr>
        </tbody>
    </table>

    <div class="through">
        <table id="employeeTable">
            <thead>
                <tr style="background-color:#F5FAFA;">
                    <th class="switch"><input type="checkbox" id="check"></th>
                    <th>订单ID</th>
                    <th>订单类型</th>
                    <th>用户ID</th>
                    <th>连载ID</th>
                    <th>下单金额</th>
                    <th>下单金币</th>
                    <th class="do">下单时间</th>
                    <th class="do">操作</th>
                </tr>
            </thead>
           <tbody>
               <tr th:each="Order:${orderList.list}">
                   <td class="switch"><input type="checkbox" name="user"></td>
                   <td th:text="${Order.oId}"></td>
                   <td th:text="${Order.oType}"></td>
                   <td th:text="${Order.uId}"></td>
                   <td th:text="${Order.sId}"></td>
                   <td th:text="${Order.sMoney}"></td>
                   <td th:text="${Order.sGold}"></td>
                   <td th:text="${#dates.format(Order.sTime,'yyyy-MM-dd HH:mm:ss')}"></td>
                   <td class="itemDelete">
                       <button class="delate">删除</button>
                       <button class="compiler">编辑</button>
                   </td>
               </tr>
           </tbody>
        </table>
        <div class="page" th:if="${orderList.pages>0}"><!--分页-->
            <ul class="pageUl">
                <li class="pageLi"><a th:href="@{'/admin/Order/list?page=1'}">首页</a></li>
                <li class="pageLi" th:if="${orderList.pageNum-3 >=1}"><a th:href="@{'/admin/Order/list?page=' + ${orderList.pageNum-3}}" th:text="${orderList.pageNum -3}" >1</a></li>
                <li class="pageLi" th:if="${orderList.pageNum-2 >=1}"><a th:href="@{'/admin/Order/list?page=' + ${orderList.pageNum-2}}" th:text="${orderList.pageNum -2}" >1</a></li>
                <li class="pageLi" th:if="${orderList.pageNum-1 >=1}"><a th:href="@{'/admin/Order/list?page=' + ${orderList.pageNum-1}}" th:text="${orderList.pageNum -1}" >1</a></li>
                <li class="pageLi active1"><a th:href="@{'/admin/Order/list?page=' + ${orderList.pageNum}}" th:text="${orderList.pageNum}" ></a></li>
                <li th:if="${orderList.pageNum+1} <= ${orderList.pages}" ><a th:href="@{'/admin/Order/list?page=' + ${orderList.pageNum+1}}" th:text="${orderList.pageNum +1}" >1</a></li>
                <li th:if="${orderList.pageNum+2} <= ${orderList.pages}" ><a th:href="@{'/admin/Order/list?page=' + ${orderList.pageNum+2}}" th:text="${orderList.pageNum +2}" >1</a></li>
                <li th:if="${orderList.pageNum+3} <= ${orderList.pages}" ><a th:href="@{'/admin/Order/list?page=' + ${orderList.pageNum+3}}" th:text="${orderList.pageNum +3}" >1</a></li>
                <li th:class="${orderList.pageNum == orderList.pages}?'disabled' : ''" ><a th:href="@{'/admin/Order/list?page=' + ${orderList.pageNum+1}}">下一页</a></li>
            </ul>
        </div>
        <!--修改的模态框-->
        <div class="modal movefade movemodal" id="movemodal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <i>X</i>
                        <h4>订单管理</h4>
                    </div>
                    <div class="modal-body">
                        <p>
                            订单ID：<input type="text" id="name" readonly  title="不能修改">
                        </p>

                        <div>订单类型：
                            <label id="lblSelect">
                                <select id="selecttype">
                                    <option>----请选择----</option>
                                    <option value="1">连载</option>
                                    <option value="2">提现</option>
                                    <option value="3">充会员</option>
                                </select>
                            </label>
                        </div>

                        <p>
                            用户ID:<input type="text" id="pwd">
                        </p>
                        <p>
                            连载ID:<input type="text" id="birth">
                        </p>
                        <p>
                            下单金额:<input type="text" id="addre" >
                        </p>
                        <p>
                            下单金币:<input type="text" id="gold">
                        </p>
                        <p>
                            下单时间:<input type="text" id="time" readonly title="不能修改">
                        </p>
                    </div>
                    <div class="modal-footer">
                        <button class="same addbtn_ok">确定</button>
                        <button class="same addbtn_no">取消</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
<script src="/static/js/jquery-3.3.1.min.js"></script>
<script src="/static/js/order.js"></script>

</html>